﻿<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <title>SmaTime - Attendant Management</title>

    <!--Bootstrap CSS-->
    <link href="../css/bootstrap.min.css" rel="stylesheet" />
    <!--Common libs-->
    <script src="../js/libs/underscore-1.6.0.min.js"></script>
    <script src="../js/libs/jquery-2.1.0.min.js"></script>
    <!--Angular JS-->
    <script src="../js/libs/angular-1.2.16.min.js"></script>
    <script src="../js/libs/angular-route-1.2.16.js"></script>
    <script src="../js/libs/angular-ui-bootstrap-tpls-0.11.0.min.js"></script>


    <script>
        var myApp = angular.module("myApp", ["ui.bootstrap"]);
        myApp.controller("AccordionDemoCtrl", ["$scope",
            function ($scope) {
                $scope.memuItems = [
                    {
                        text: "Top",
                        url: "#Top"
                    },
                    {
                        text: "Forget List",
                        url: ""
                    },
                    {
                        text: "Attendance Information",
                        url: "",
                        sub: [
                            {
                                text: "Status",
                                url: ""
                            },
                            {
                                text: "List",
                                url: ""
                            },
                            {
                                text: "CSV Output",
                                url: ""
                            }
                        ]
                    },
                    {
                        text: "Master",
                        url: "",
                        sub: [
                            {
                                text: "Staff",
                                url: ""
                            },
                            {
                                text: "Store",
                                url: ""
                            },
                            {
                                text: "Company",
                                url: ""
                            },
                            {
                                text: "User",
                                url: ""
                            }
                        ]
                    },
                    {
                        text: "Log",
                        url: "",
                        sub: [
                            {
                                text: "Access History",
                                url: ""
                            },
                            {
                                text: "Edit History",
                                url: ""
                            }
                        ]
                    }
                ]; // End $scope.menuItems


            
            }// End function
        ]);
    </script>
</head>
<body>
   <div ng-controller="AccordionDemoCtrl">
       <ul>
           <li ng-repeat="item in memuItems">
               <a href="{{ item.url }}">{{ item.text }}</a>

               <ul>
                   <li ng-repeat="subMenuItem in item.sub">
                       <a href="{{ subMenuItem.url }}">{{ subMenuItem.text }}</a>
                   </li>
               </ul>
           </li>
       </ul>
</div>
</body>
</html>
